<template>
  <div class="perform-popup" :style ="note">
    <div class="perform-title">
      <!--如何上传截图-->  &nbsp;
    </div>
    <div class="perform-gif">
      <img src="../../assets/img/reward/scale.gif" />
    </div>
    <div class="perform-bottom">
      <!--<div v-if="!hideNotice" class="perform-tip">-->
        <!--<img v-if="!nextHide" @click="changeHide" class="select-icon" src="../../assets/img/reward/notSelected.png"/>-->
        <!--<img v-if="nextHide" @click="changeHide" class="select-icon" src="../../assets/img/reward/selected.png"/>-->
        <!--<span>下次不再提醒</span>-->
      <!--</div>-->
      <div class="perform-close">
        <i class="icon iconfont icon-danchuang-guanbi" @click="closePerform"></i>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "index",
        data: function () {
          return {
            nextHide:false,
            hideNotice:false,
            note:{
              backgroundImage:"url(" + require("../../assets/img/reward/bg.png") + ")"
            }
          }
        },
        mounted:function(){

          if(window.localStorage.getItem('nextHide') === 'true'){
            this.hideNotice = true
          }
        },
        methods:{
          closePerform:function () {
            this.$emit('closePerform')
          }
          // changeHide:function () {
          //   this.nextHide = !this.nextHide
          //   //将是否隐藏存入localstorage中
          //   window.localStorage.setItem('nextHide',this.nextHide+'')
          // }
        }
    }
</script>

<style scoped>
  @import "css/index.css";
</style>
